

import React, { memo } from 'react';
import styles from './index.module.scss';
import { baseURL } from '../../api'
const HouseItem = memo(({ title, price, houseImg, desc, tags }) => {
  return <div className={styles.houseItem}>
    <img src={baseURL + houseImg} alt="" loading='lazy' />
    <div className={styles.houseItemInfo}>
      <h4 >{title}</h4>
      <div className={styles.desc}>{desc}</div>
      <div className={styles.tags}>
        {
          tags.map(v => <span key={v}>{v}</span>)
        }
      </div>
      <div className={styles.price}>{price}</div>
    </div>

  </div>
})
export default HouseItem